<!DOCTYPE html>
<html lang="en">
<head>
    <title>模板管理平台</title>
    <#include "/include/header.ftl">
    <script type="text/javascript">
        layui.use(['form','code','laydate'], function(){
            form = layui.form;
            laydate = layui.laydate;
            layui.code();
            var index = top.layer.msg("<img src='/static/images/load.gif'/><span>加载中</span>",{
                skin:'layerLoad',
                shade: [0.1, '#fff'],
                time:0
            });
            document.onreadystatechange = completeLoading;
            function completeLoading() {
                if (document.readyState =="complete") {
                    top.layer.close(layer.index)
                }
            }
        });
    </script>

    <!--树形菜单引用-->
    <link rel="stylesheet" type="text/css" href="/static/js/X-admin/lib/ztree-select-search/css/zTreeSelect.css" />
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/js/jquery.ztree.excheck.js"></script>
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/js/jquery.ztree.exedit.js"></script>
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/js/jquery.ztree.exhide.min.js"></script>
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/js/zTreeSelect.js"></script>

    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/TreeSelect.js"></script>

    <!--zTreeCheck-->
    <link rel="stylesheet" href="/static/js/X-admin/lib/ztree-select-search/css/bootstrapStyle/zTreeCheck.css">
    <script type="text/javascript" src="/static/js/X-admin/lib/ztree-select-search/fuzzysearch.js"></script>

</head>
<body>
<!-- 顶部开始 -->
<div class="container header">
    <div class="logo">
        <a href="JavaScript:;" onclick="Refresh()">
            <!----物联网卡连接管理平台  ps:判断用户自行显示logo还是公司名称---->
            <img src="/static/images/logo.jpg"/>
        </a>
    </div>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item">
            <a href="javascript:;" class="user">超级管理员</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="javascript:;" id="userInfo">个人信息</a></dd>
                <dd><a href="javascript:;" id="userPassword">修改密码</a></dd>
                <dd><a href="javascript:;" id="quit">退出</a></dd>
            </dl>
        </li>
    </ul>
    <div class="DowBtn TabIframe" id="TabDow" _href="Dow.html" style="display: none;"><i></i><span>文件下载</span></div>

    <div class="manual" style="display: none;">
        <a href="http://app.seecom.com.cn/html5/wlwk_manual/" target="_blank">产品手册</a>
    </div>

    <!--顶部搜索-->
    <div class="top-search" style="display: none;">
        <input type="search" id="top-Search" class="layui-input" placeholder="卡号，ICCID"/>
        <button type="button" id="search0" onclick="top.$('#wlwkgl').click()"><span>搜索</span></button>
    </div>
    <!--顶部搜索 end-->

</div>
<!-- 顶部结束 -->

<!--左侧菜单开始-->
<div class="left-nav">
    <div class="left_open"><i title="展开左侧栏" class="iconfont"><img src="/static/images/left_menu_close.png"/></i></div>
    <div id="side-nav" >
        <ul id="nav">
            <li>
                <a href="javascript:;" id="HomeNav" class="selected">
                    <i class="icon icon-home"></i>
                    <span>系统首页</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-wlwk"></i>
                    <span>物联网卡管理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="/mfcard/index" id="wlwkgl"><span>物联网卡</span></a></li>
                    <li><a data-id="1" _href="/mfcard/search"><span>客户套餐查询</span></a></li>
                    <li><a data-id="1" _href="/mfcard/service"><span>服务到期查询</span></a></li>
                    <li><a data-id="1" _href="/mfcard/position"><span>位置定位</span></a></li>
                    <li><a data-id="1" _href="wlwk-smzqpp.html"><span>生命周期匹配</span></a></li>
                    <li><a data-id="1" _href="wlwk-kccx.html"><span>库存查询</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-llcjk"></i>
                    <span>流量池监控</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="liuliangci.html" ><span>流量池管理</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-ywbl"></i>
                    <span>业务办理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="ywbl-smzqbg.html"><span>生命周期变更</span></a></li>
                    <li><a data-id="1" _href="ywbl-sjfw.html"><span>数据服务</span></a></li>
                    <li><a data-id="1" _href="ywbl-tcbl.html"><span>套餐办理</span></a></li>
                    <li><a data-id="1" _href="ywbl-tcxf.html"><span>套餐续费</span></a></li>
                    <li><a data-id="1" _href="ywbl-thk.html"><span>退换卡</span></a></li>
                    <li><a data-id="1" _href="ywbl-xh.html"><span>销户</span></a></li>
                    <li><a data-id="1" _href="ywbl-jsfs.html"><span>结算方式</span></a></li>
                    <li><a data-id="1" _href="ywbl-ywbljl.html"><span>业务办理记录</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-qdgl"></i>
                    <span>渠道管理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="qudao-gl.html"><span>渠道管理</span></a></li>
                    <li><a data-id="1" _href="qudao-yjcx-zj.html"  id="zhsy"><span>逐级返佣查询</span></a></li>
                    <li><a data-id="1" _href="qudao-yjcx-ty.html"><span>统一返佣查询</span></a></li>
                    <li><a data-id="1" _href="qudao-zhrz.html"><span>账户日志</span></a></li>
                    <li><a data-id="1" _href="qudao-czrz.html"><span>操作日志</span></a></li>
                    <li><a data-id="1" _href="qudao-txsq.html"><span>提现申请</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-ddgl"></i>
                    <span>订单管理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="dingdan-cg.html"><span>采购订单</span></a></li>
                    <li><a data-id="1" _href="dingdan-xs.html"><span>销售订单</span></a></li>
                    <li><a data-id="1" _href="dingdan-xf.html"><span>续费订单</span></a></li>
                    <li><a data-id="1" _href="dingdan-xscj.html"><span>销售场景</span></a></li>
                    <li><a data-id="1" _href="dingdan-khdd.html"><span>客户订单</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-yjgz"></i>
                    <span>预警规则</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="yujing-gzgl.html"><span>规则管理</span></a></li>
                    <li><a data-id="1" _href="yujing-yjrz.html"><span>预警日志</span></a></li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-tcpz"></i>
                    <span>套餐配置</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="taocan-gl.html"><span>套餐管理</span></a></li>
                    <li><a data-id="1" _href="taocan-fp.html"><span>标准套餐分配</span></a></li>
                    <li><a data-id="1" _href="taocan-fp.html"><span>自定义套餐分配</span></a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon icon-cxtj"></i>
                    <span>查询统计</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu"></ul>
            </li>
            <li>
                <a href="JavaScript:;">
                    <i class="icon icon-apijk"></i>
                    <span>API接口</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="0" href="http://apiot.seecom.com.cn/" target="_blank" ><span>API文档</span></a></li>
                    <li><a data-id="1" _href="API-fp.html"><span>分配API</span></a></li>
                    <li><a data-id="1" _href="API-sy.html"><span>API使用</span></a></li>
                    <li><a data-id="1" _href="API-rz.html"><span>API日志</span></a></li>
                </ul>
            </li>

            <li>
                <a href="JavaScript:;">
                    <i class="icon icon-yygl"></i>
                    <span>运营管理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="yygl-cpbq.html"><span>产品标签</span></a></li>
                    <li><a data-id="1" _href="yygl-yhbq.html"><span>用户标签</span></a></li>
                    <li><a data-id="1" _href="yygl-bqrz.html"><span>标签日志</span></a></li>
                </ul>
            </li>

            <li>
                <a href="javascript:;">
                    <i class="icon icon-xtgl"></i>
                    <span>系统管理</span>
                    <i class="iconfont nav_right"><img src="/static/images/leftNav-right.png"/></i>
                </a>
                <ul class="sub-menu">
                    <li><a data-id="1" _href="xt-mkgl.html"><span>模块管理</span></a></li>
                    <li><a data-id="1" _href="xt-jsgl.html"><span>角色管理</span></a></li>
                    <li><a data-id="1" _href="xt-zhgl.html"><span>账号管理</span></a></li>
                    <li><a data-id="1" _href="xt-zymbgl.html"><span>资源模板管理</span></a></li>
                    <li><a data-id="1" _href="xt-yysgl.html"><span>运营商管理</span></a></li>
                    <li><a data-id="1" _href="xt-xtrz.html"><span>系统日志</span></a></li>
                </ul>
            </li>

        </ul>
    </div>
</div>
<!--左侧菜单结束-->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title"><li class="home layui-this" id="HomeTab">系统首页</li></ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show" id="HomeCont">
                <iframe src='/report' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
        </div>
    </div>
</div>
<div class="page-content-bg"></div>
<!-- 右侧主体结束 -->
<script type="text/javascript">
    layui.use(['form','code','laydate','table','laypage'], function(){
        form = layui.form;
        laydate = layui.laydate;
        table = layui.table;
        laypage = layui.laypage;
        layui.code();
        //用户个人信息
        $('#userInfo').click(function () {
            top.layer.open({
                type:1,
                fix: false, //不固定
                maxmin: true,
                move:false,
                area:'500px',
                btnAlign: 'r',
                skin:'layerOpen',
                shade:0.2,
                title: '个人信息',//弹窗标题
                content: '' +
                    '<form class="layui-form" action="">' +
                    '<div class="layerOpenCont">' +
                    '<div class="layerForm">' +
                    '<ul>' +
                    '<li><div class="title">姓名</div><div class="inputCont"><input class="layui-input" placeholder="请输入用户名" lay-verify="UserName" value="张三"/></div></li>' +
                    '<li>' +
                    '<div class="title">性别</div>' +
                    '<div class="inputCont select">' +
                    '<select lay-verify="xingbei">' +
                    '<option value="">请选择</option>' +
                    '<option value="1" selected>男</option>' +
                    '<option value="2">女</option>' +
                    '</select>' +
                    '</div>' +
                    '</li>' +
                    '<li><div class="title">手机号</div><div class="inputCont"><input class="layui-input" placeholder="请输入手机号" lay-verify="UserTel" value="13477777777"/></div></li>' +
                    '</ul>' +
                    '</div>' +
                    '</div>' +
                    '<div class="layui-layer-btn layui-layer-btn-r" >' +
                    '<button class="btn-min layui-layer-btn0" type="button" onclick="top.closeBtn()">取消</button>' +
                    '<button class="btn-min layui-layer-btn1" lay-submit=""  lay-filter="submitBtn">确定</button>' +
                    '</div>' +
                    '</form>',
                success: function(layero, index){
                    top.form.render();//弹窗后初始化表单样式
                    //验证表单
                    top.form.verify({
                        UserName: function(value){
                            if(value==''){
                                return '请输入用户名';
                            }

                        },
                        xingbei: function(value){
                            if(value==''){
                                return '请选择性别';
                            }

                        },
                        UserTel:function (value) {
                            if(value==''){
                                return '请输入手机号码';
                            }
                        }

                    });
                    //提交表单
                    top.form.on('submit(submitBtn)', function (data) {
                        success('操作成功');
                        return false;
                    });
                }
            })
        });

        //用户修改密码
        $('#userPassword').click(function () {
            top.layer.open({
                type:1,
                fix: false, //不固定
                maxmin: true,
                move:false,
                area:'500px',
                btnAlign: 'r',
                skin:'layerOpen',
                shade:0.2,
                title: '修改密码',//弹窗标题
                content: '' +
                    '<form class="layui-form" action="">' +
                    '<div class="layerOpenCont">' +
                    '<div class="layerForm">' +
                    '<ul>' +
                    '<li><div class="title">原密码</div><div class="inputCont"><input class="layui-input" type="password" id="password1" placeholder="请输入原密码" lay-verify="password1" /></div></li>' +
                    '<li><div class="title">新密码</div><div class="inputCont"><input class="layui-input"  type="password" id="password2" placeholder="6-16位，由字母+数字组合" lay-verify="password2" /></div></li>' +
                    '<li><div class="title">确认新密码</div><div class="inputCont"><input class="layui-input"  type="password" id="password3" placeholder="6-16位，由字母+数字组合" lay-verify="password3"/></div></li>' +
                    '</ul>' +
                    '</div>' +
                    '</div>' +
                    '<div class="layui-layer-btn layui-layer-btn-r">' +
                    '<button class="btn-min layui-layer-btn0" type="button" onclick="top.closeBtn()">取消</button>' +
                    '<button class="btn-min layui-layer-btn1" lay-submit=""  lay-filter="submitBtn">确定</button>' +
                    '</div>' +
                    '</form>',
                success: function(layero, index){
                    top.form.render();//弹窗后初始化表单样式
                    //验证表单
                    top.form.verify({
                        password1: function(value){
                            if(value==''){
                                return '请输入原密码';
                            }

                        },
                        password2: function(value){
                            if(value==''){
                                return '请输入新密码';
                            }

                        },
                        password3:function (value) {
                            if(value==''){
                                return '请确认新密码';
                            }
                            var repassvalue = $('#password2').val();
                            if(value != repassvalue){
                                return '两次输入的新密码不一致,请重新确认';
                            }
                        }

                    });
                    //提交表单
                    top.form.on('submit(submitBtn)', function (data) {
                        //提交成功
                        success('操作成功');
                        return false;
                    });
                }
            })
        });

        $('#quit').click(function () {
            top.layer.open({
                type:1,
                fix: false, //不固定
                maxmin: true,
                move:false,
                area:'450px',
                btnAlign: 'r',
                skin:'layerTips',
                shade:0.2,
                title:false,
                closeBtn:0,
                content: "" +
                    "<div class='layerOpenCont'>" +
                    "<div class='Layer-txt'>" +
                    "<h3>您确定要退出登录吗？</h3>" +
                    "</div>" +
                    "</div>",
                btn:['取消','确定'],
                btn2:function () {
                    //确认回调代码
                    window.location='login.html';
                    return false
                }
            })
        })
    })
</script>
</body>
</html>